<% if mobile? %>
<% content_for :app_back do %>
  <a href="javascript:void(0)" onclick="history.go(-1)">
    <i class="icon-arrow-left"></i>
  </a>
<% end %>
<% content_for :app_title do %>
  设计师活动详情
<% end %>
<% content_for :app_action do %>
<a href=""></a>
<% end %>

<div class="design-promotions-show-mobile">
  <hr class="line">

  <article>
    <h1><%= @promotion.title %></h1>
    <h2>
      <span class="text-gray"><%= @promotion.publish_time.to_date.to_s(:db) %></span>
    </h2>
    <div class="article-content">
      <%= sanitize @promotion.content %>
    </div>
  </article>
</div>

<% else %>
<% breadcrumb :design_promotion, @promotion %>

<section class="designer-activity">
    <!--
    <div class="row margin-reset top-banner"></div>
    -->

    <div class="row">
        <div class="col-xs-8 left">
            <h1><%= @promotion.title %></h1>
            <div class="time-and-author">
                <span class="time"><%= @promotion.publish_time.to_s(:db) %></span>
                <!--
                <span class="author">出自：阳毅策划部</span>
                -->
            </div>

            <hr>

            <div class="promotion-content"><%= sanitize @promotion.content %></div>

        </div>

        <div class="col-xs-offset-1 col-xs-3 right">
            <a href=""><h2>更多活动</h2></a>

            <div class="list">
                <% @others.each do |other| %>
                <div class="item">
                    <a class="img-link" href="<%= design_promotion_path(other) %>">
                        <img src="<%= other.main_img %>" alt="">
                    </a>

                    <a href="<%= design_promotion_path(other) %>">
                        <h2 class="text-center"><%= other.title %></h2>
                    </a>

                    <!--
                    <div class="state start">
                        报名中
                        <div class="triangle up"></div>
                        <div class="triangle down"></div>
                    </div>
                    -->
                </div>
                <% end %>

            </div>
        </div>
    </div>
</section>

<% end %>
